<template>
  <div class="public_main">
    <div class="crumbs">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item>{{$t('newcrumbs.crumbsEle')}}</el-breadcrumb-item>
        <el-breadcrumb-item>{{$t('newcrumbs.crumbsTwo')}}</el-breadcrumb-item>
        <el-breadcrumb-item v-if="from=='triallist'">{{$t('riskManage.crumbsTwo')}}</el-breadcrumb-item>
        <el-breadcrumb-item v-if="from=='reviewlist'">{{$t('riskManage.crumbsThr')}}</el-breadcrumb-item>
        <el-breadcrumb-item>{{$t('public.detail')}}</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="detail">
        <el-tabs v-model="activeName">
            <el-tab-pane :label="$t('loanMoney.orderDetail')" name="first">
                <orderdetail></orderdetail>
            </el-tab-pane>
            <el-tab-pane :label="$t('userList.userInfo')" name="second">
                <userdetail></userdetail>
            </el-tab-pane>
            <el-tab-pane :label="$t('userList.loanLog')" name="third">
                <loanrecord></loanrecord>
            </el-tab-pane>
            <el-tab-pane :label="$t('new.no96')" name="fourth">
                <orderapprove></orderapprove>
            </el-tab-pane>
        </el-tabs>
    </div>
  </div>
</template>
<script>
import orderdetail from 'src/components/component/OrderDetail'
import userdetail from 'src/components/component/UserDetail'
import loanrecord from 'src/components/component/LoanRecord'
import orderapprove from 'src/components/component/OrderApprove'
export default {
  components: {
    orderdetail,
    userdetail,
    loanrecord,
    orderapprove
  },
  data () {
    return {
        activeName: 'first',
        from:this.$route.query.from
    }
  }
}
</script>
<style scoped lang="scss">
.detail{
    background:#fff;
    padding:0 20px;
    font-size: 14px;
}
</style>